@extends('layouts.site')
@section('header_class')
    alt
@endsection
@section('content')
<!-- Banner -->
    <section id="banner">

        <!--
            ".inner" is set up as an inline-block so it automatically expands
            in both directions to fit whatever's inside it. This means it won't
            automatically wrap lines, so be sure to use line breaks where
            appropriate (<br />).
        -->
        <div class="inner">

            <header>
                <h2>Weshare</h2>
            </header>
            <p>This is <strong>Weshare</strong>, a free
                <br />
                database
                <br />
                for ALL STUDENTS</a>.</p>
            <footer>
                <ul class="buttons vertical">
                    <li><a href="#main" class="button fit scrolly">Tell Me More</a></li>
                </ul>
            </footer>

        </div>

    </section>

    <!-- Main -->
    <article id="main">

        <header class="special container">
            <span class="icon fa-bar-chart-o"></span>
            <h2> <strong>Weshare——学生数据处理公司</strong>
                <br />
                上海高中生升学信息数据库</h2>
            <p>Weshare是上海一家独一无二的数据处理学生公司，旨在帮助各个领域的教育机构和学校处理各项大数据，受理包括大学申请、标化成绩、学生课外活动等各个领域的数据资料，
                <br />
                从而形成对于出国留学市场的分析和趋势的预测，以帮助更多学生树立目标、走向名校。
                <br />
            </p>
        </header>

        <!-- One -->
        <section class="wrapper style2 container special-alt">
            <div class="row 50%">
                <div class="8u 12u(narrower)">

                    <header>
                        <h2>Why choose Weshare?</h2>
                    </header>
                    <p><strong>你将得到：</strong>
                    <p>1）真实、实用、准确、贴近的数据库。</p>
                    <p>2）充分保密性。</p>
                    <p>3）学术案例的参考。</p>
                    <p>4）课外活动的借鉴。</p>

                    </p>


                </div>
                <div class="4u 12u(narrower) important(narrower)">

                    <ul class="featured-icons">
                        <li><span class="icon fa-clock-o"><span class="label">Feature 1</span></span></li>
                        <li><span class="icon fa-volume-up"><span class="label">Feature 2</span></span></li>
                        <li><span class="icon fa-laptop"><span class="label">Feature 3</span></span></li>
                        <li><span class="icon fa-inbox"><span class="label">Feature 4</span></span></li>
                        <li><span class="icon fa-lock"><span class="label">Feature 5</span></span></li>
                        <li><span class="icon fa-cog"><span class="label">Feature 6</span></span></li>
                    </ul>

                </div>
            </div>
        </section>

        <!-- Two -->
        <section class="wrapper style1 container special">
            <div class="row">
                <div class="4u 12u(narrower)">

                    <section>
                        <span class="icon featured fa-check"></span>
                        <header>
                            <h3><strong>于用户的意义</strong></h3>
                        </header>
                        <p>	作为⼀个神奇的database，weshare能够快速帮助学⽣查阅意向⼤学历届申请者的标化、成绩、课外活动的平均⽔平，帮助学⽣按排名、学校等要求搜索梦想院校学长学姐的“丰功伟绩”，使同学、家长们形成对⽐⽽朝这个⽬标奋进，同时根据学⽣当前的当前能⼒找到更多适合⾃⼰的⼤学。
                        </p>
                    </section>

                </div>
                <div class="4u 12u(narrower)">

                    <section>
                        <span class="icon featured fa-check"></span>
                        <header>
                            <h3><stong>于申请的意义</stong></h3>
                        </header>
                        <p>很多优秀的⼤学并没有能够得到普遍的宣传，这导致很多卓越的学⽣与名校失之交臂。通过这个database中申请者的条件为基础，学⽣也会有机会了解到关于这些冷门学校的信息，能更好的选择自己未来的方向，面临更小的竞争，以达到更好的学习体验。</p>
                    </section>

                </div>
                <div class="4u 12u(narrower)">

                    <section>
                        <span class="icon featured fa-check"></span>
                        <header>
                            <h3><strong>于机构的意义</strong></h3>
                        </header>
                        <p>	Weshare的创建对于各个机构与学校而言，就宣传方面的利器。除此之外，能够获得相关机构的案例，也是给消费者们的一记强心针，家长和学生们可以充分考虑选择机构的可信度从而达到协助广大出国学子获得更好的机构服务的目的，做到机构与学生之间的互利共赢。</p>
                    </section>

                </div>
            </div>
        </section>

        <!-- Three -->
        <section class="wrapper style3 container special">

            <header class="major">
                <h2><strong>学院介绍</strong></h2>
            </header>
            <div class="row">
            @foreach ($collegesR1 as $c)
                    <div class="6u 12u(narrower)">
                        <section>
                            <a href="/college/{{$c['id']}}" class="image featured"><img src="{{$storage}}{{$c['image']}}" alt="{{$c['name_show']}}" /></a>
                            <header>
                                <h3>{{$c['name_show']}}</h3>
                            </header>
                        </section>

                    </div>
            @endforeach
            </div>
            <div class="row">
            @foreach ($collegesR2 as $c)
                <div class="6u 12u(narrower)">
                    <section>
                        <a href="/college/{{$c['id']}}" class="image featured"><img src="{{$storage}}{{$c['image']}}" alt="{{$c['name_show']}}" /></a>
                        <header>
                            <h3>{{$c['name_show']}}</h3>
                        </header>
                    </section>
                </div>
            @endforeach
            </div>
            <footer class="major">
                <ul class="buttons">
                    <li><a href="/colleges" class="button">See More</a></li>
                </ul>
            </footer>
        </section>

    </article>
 @endsection